<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>团购首页</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="icon" type="image/x-icon" href="img/favicon-20181017100451352.ico"/>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
	</head>
	<body>
		<!-- 头部s -->
		<header class="clearfix">
			<div class="logo fl"><a href="index.html"><img src="img/logo.png"/></a></div>
			<div class="selectBar fr">
				<select name="">
					<option value="广州市">广州市</option>
					<option value="佛山市">佛山市</option>
					<option value="深圳市">深圳市</option>
				</select>
			</div>
			<div class="searchBar">
				<input type="search" name="" id="" value="" />
				<a href=""><i class="iconfont icon-sousuokuang"></i></a>
			</div>
			
		</header>
		<!-- 头部e -->
		
		<!-- 内容s -->
		<section>
			<!-- 轮播图 s -->
			<div class="swiper-container">
			    <div class="swiper-wrapper">
			        <div class="swiper-slide"><img src="img/banner1.png"/></div>
			        <div class="swiper-slide"><img src="img/banner1.png"/></div>
			        <div class="swiper-slide"><img src="img/banner1.png"/></div>
			    </div>
			    <!-- 如果需要分页器 -->
			    <div class="swiper-pagination"></div>
			    
			</div>
			<!-- 轮播图 e -->
			
			<div class="discount clearfix">
				<div class="discountLeft fl">
					<span><img src="img/hua.png"/>优惠团购</span>
				</div>
				<div class="discountRight fr">
					<span>更多<img src="img/gengduo.png" alt="" /></span>
				</div>
			</div>
			
			<div class="discountImg clearfix">
				<div class="imgBox fl"><img src="img/img1.png"/></div>
				<div class="imgBox fl"><img src="img/img2.png"/></div>
				<div class="imgBox fl"><img src="img/img3.png"/></div>
				<div class="imgBox fl"><img src="img/img4.png"/></div>
			</div>
			
			<div class="discount clearfix">
				<div class="discountLeft fl">
					<span><img src="img/xin.png"/>猜你喜欢</span>
				</div>
				<div class="discountRight fr">
					<span>更多<img src="img/gengduo.png" alt="" /></span>
				</div>
			</div>
			
			<div class="shopList clearfix">
				<div class="shopListImg fl">
					<a href="shopInfo.html"><img src="img/img5.jpg" alt="" /></a>
				</div>
				<h1><a href="shopInfo.html">万岁寿司（正佳店）</a><span class="fr"><100m</span></h1>
				<span>[100店通用]双人套餐</span>
				<h3>￥88.00<span class="fr">已售1000</span></h3>
			</div>
			
			<div class="shopList clearfix">
				<div class="shopListImg fl">
					<a href="shopInfo.html"><img src="img/img6.jpg" alt="" /></a>
				</div>
				<h1><a href="shopInfo.html">周黑鸭（正佳店）</a><span class="fr"><100m</span></h1>
				<span>[100店通用]双人套餐</span>
				<h3>￥88.00<span class="fr">已售1000</span></h3>
			</div>
		</section>
		<!-- 内容e -->
		
		<!-- 尾部s -->
		<footer>
			<a href="index.html">
				<div class="icon fl">
					<i class="iconfont icon-index"></i>
					<h3>首页</h3>
				</div>
			</a>
			<a href="classifi.html">
				<div class="icon fl">
					<i class="iconfont icon-leimupinleifenleileibie1"></i>
					<h3>分类</h3>
				</div>
			</a>
			<a href="find.html">
				<div class="icon fl">
					<i class="iconfont icon-faxian"></i>
					<h3>发现</h3>
				</div>
			</a>
			<a href="myInfo.html">
				<div class="icon fl">
					<i class="iconfont icon-zhanghao"></i>
					<h3>我的</h3>
				</div>
			</a>
		</footer>
		<!-- 尾部e -->
		
		<!-- 引入rem脚本 -->
		<script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
		<!-- 引入swiper脚本 -->
		<script src="js/swiper.min.js"></script>
		<script src="js/swiper.js"></script>
	</body>
</html>
